<script>
export default {
  components: {},
  props: {
    msg: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      res: 9999,
    };
  },
  beforeCreate(){
    console.log(this.beforeCreate)
  },
  created(){
    console.log(this.beforeCreate)
  },
  methods: {
    aaa() {
      this.res++;
    },
  },
  render() {
    console.log(this);
    return (
      <div>
        <button onClick={this.$listeners.click}>{this.$slots.default}</button>
        <h4>
          {this.res}
          {this.msg}
        </h4>
      </div>
    );
  },
};
</script>

<style scoped>
button {
  background-color: #00000000;
  border: none;
  outline: none;
  border: 1px solid yellowgreen;
  cursor: pointer;
  border-radius: 5px;
}
</style>
